<script>   function init() {
                 var myOptions = {
    zoom: 15,
    center: new google.maps.LatLng(53.385873, -1.471471),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles:          
         [
    {
        "featureType": "water",
        "stylers": [
            {
                "saturation": 43
            },
            {
                "lightness": -11
            },
            {
                "hue": "#0088ff"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "hue": "#ff0000"
            },
            {
                "saturation": -100
            },
            {
                "lightness": 99
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "geometry.stroke",
        "stylers": [
            {
                "color": "#808080"
            },
            {
                "lightness": 54
            }
        ]
    },
    {
        "featureType": "landscape.man_made",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ece2d9"
            }
        ]
    },
    {
        "featureType": "poi.park",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "color": "#ccdca1"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text.fill",
        "stylers": [
            {
                "color": "#767676"
            }
        ]
    },
    {
        "featureType": "road",
        "elementType": "labels.text.stroke",
        "stylers": [
            {
                "color": "#ffffff"
            }
        ]
    },
    {
        "featureType": "poi",
        "stylers": [
            {
                "visibility": "off"
            }
        ]
    },
    {
        "featureType": "landscape.natural",
        "elementType": "geometry.fill",
        "stylers": [
            {
                "visibility": "on"
            },
            {
                "color": "#b8cb93"
            }
        ]
    },
    {
        "featureType": "poi.park",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.sports_complex",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.medical",
        "stylers": [
            {
                "visibility": "on"
            }
        ]
    },
    {
        "featureType": "poi.business",
        "stylers": [
            {
                "visibility": "simplified"
            }
        ]
    }
]
};

var map = new google.maps.Map(document.getElementById('map'), myOptions);
        
                    }
                 </script>

<div class="row">
    <div class="col-md-11 col-md-offset-1">   
     <h1>Como llegar al cine <?php echo $cines[0]['nombre']; ?> :</h1>



    <div class="col-md-3">
  
        <h3></h3>
        <div id="map" style="width: 300px; height:250px;"></div>
        <p>Dirección : <?php echo $cines[0]['calle']; ?>, <?php echo $cines[0]['numero']; ?> </p>        
        <p><?php echo $cines[0]['poblacion']; ?> </p>
        <p>Teléfono :<?php echo $cines[0]['telefono']; ?></p>
        <!--<p>Email :<?php //echo $cine ['email']; ?></p>-->
        <p>Numero de salas :<?php echo $cines[0]['n_salas']; ?></p>
        
        
        
        
        <br />
            <a href="<?php echo base_url(); ?>cines/cine/<?php echo $cines[0]['cod_cine']?>">Volver</a>
        <hr />
        
            </div>
 <div >
         <!--            <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d5987.619668753824!2d2.1383823368189585!3d41.378216150967596!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sbarcelona+cinema+balanya!5e0!3m2!1sca!2s!4v1402269744910" width="600" height="450" frameborder="0" style="border:0"></iframe>
               -->      </div>
     
       </div> 
    </div>
     
     
   
     
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXPZ-IeNsXtFjy6rPbnnr-cU604KbgqRA&sensor=true"></script>
  